﻿<%@ Page Title="" Language="C#" MasterPageFile="~/UserMasterPage1.master" AutoEventWireup="true" CodeFile="RegisterAccount.aspx.cs" Inherits="RegisterAccount" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI Datepicker - Default functionality</title>
    <link rel="stylesheet" href="jquery/jquery-ui.css" />
    <script src="jquery/jquery-1.8.2.js"></script>
    <script src="jquery/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script>
        $(function () {
            $("#datepicker").datepicker();
        });
    </script>
</head>

    <table align="center"  style="height: 622px">
    <tr>
        <td  colspan="3" style="text-align: center; height: 37px;">
            <h1 style="text-align: center">
                <strong><em>
                <asp:Label ID="Label2" runat="server" 
                    style="font-size: xx-large; text-decoration: underline" Text="REGISTER"></asp:Label>
                </em></strong>
            </h1>
        </td>
    </tr>
    <tr>
        <td  colspan="3" style="text-align: center; height: 37px;">
            <h3>
            <asp:Label ID="lblStatus" runat="server" ForeColor="Red"></asp:Label>
            </h3>
        </td>
    </tr>
    <tr>
        <td  style="height: 11px; text-align: center; width: 77px">
            <strong>User Name</strong></td>
        <td  style="width: 173px; height: 11px">
            <asp:TextBox ID="txtUserName" runat="server" Width="170px"></asp:TextBox>
        </td>
        <td style="height: 11px">
            <strong>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                ControlToValidate="txtUserName" ErrorMessage="User Name cannot left blank" 
                ForeColor="Red" ValidationGroup="RegisterAccount"></asp:RequiredFieldValidator>
            </strong>
        </td>
    </tr>
    <tr>
        <td  style="height: 31px; text-align: center; width: 77px">
            <strong>Password</strong></td>
        <td  style="width: 173px; height: 31px">
            <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Width="170px"></asp:TextBox>
        </td>
        <td style="height: 31px">
            <strong>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                ControlToValidate="txtPassword" ErrorMessage="Password cannot left blank" 
                ForeColor="Red" ValidationGroup="RegisterAccount"></asp:RequiredFieldValidator>
            </strong>
        </td>
    </tr>
    <tr>
        <td  style="height: 24px; text-align: center; width: 77px">
            <strong>Confirm Password</strong></td>
        <td  style="width: 173px; height: 24px">
            <asp:TextBox ID="txtCoPass" runat="server" TextMode="Password" Width="170px"></asp:TextBox>
        </td>
        <td style="height: 24px">
            <strong>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                ControlToValidate="txtCoPass" ErrorMessage="Confirm Password cannot left blank" 
                ForeColor="Red" ValidationGroup="RegisterAccount"></asp:RequiredFieldValidator>
            <br />
            <asp:CompareValidator ID="CompareValidator1" runat="server" 
                ControlToCompare="txtPassword" ControlToValidate="txtCoPass" 
                ErrorMessage="Comfim Password must be the same Password" ForeColor="Red" 
                ValidationGroup="RegisterAccount"></asp:CompareValidator>
            </strong>
        </td>
    </tr>
    <tr>
        <td  style="height: 2px; text-align: center; width: 77px">
            <strong>Full Name</strong></td>
        <td  style="width: 173px; height: 2px">
            <asp:TextBox ID="txtFullName" runat="server" Width="170px"></asp:TextBox>
        </td>
        <td style="height: 2px">
            <strong>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                ControlToValidate="txtFullName" ErrorMessage="User Full Name cannot left blank" 
                ForeColor="Red" ValidationGroup="RegisterAccount"></asp:RequiredFieldValidator>
            </strong>
        </td>
    </tr>
    <tr>
        <td  style="height: 19px; text-align: center; width: 77px">
            <strong>Gender</strong></td>
        <td  style="width: 173px; height: 19px">
            <strong>
            <asp:RadioButton ID="RaMale" runat="server" Checked="True" GroupName="Sex" 
                Text="Male" />
            <asp:RadioButton ID="RaFeMale" runat="server" GroupName="Sex" Text="Female" />
            </strong>
        </td>
        <td style="height: 19px">
            &nbsp;</td>
    </tr>
    <tr>
        <td  style="height: 26px; text-align: center; width: 77px">
            <strong>Date Of Birth</strong></td>
        <td  style="width: 173px; height: 26px">
            <br /><input type="text" id="datepicker" name="datepicker"style="width: 170px" />
        </td>
        <td style="height: 26px">
            &nbsp;</td>
    </tr>
    <tr>
        <td  style="height: 2px; text-align: center; width: 77px">
            <strong>Address</strong></td>
        <td  style="width: 173px; height: 2px">
            <asp:TextBox ID="txtAddress" runat="server" Width="170px"></asp:TextBox>
        </td>
        <td style="height: 2px">
            <strong>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" 
                ControlToValidate="txtAddress" ErrorMessage="Address cannot left blank" 
                ForeColor="Red" ValidationGroup="RegisterAccount"></asp:RequiredFieldValidator>
            </strong>
        </td>
    </tr>
    <tr>
        <td  style="height: 35px; text-align: center; width: 77px">
            <strong>Phone</strong></td>
        <td  style="width: 173px; height: 35px">
            <asp:TextBox ID="txtPhone" runat="server" Width="170px"></asp:TextBox>
        </td>
        <td style="height: 35px">
            <strong>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" 
                ControlToValidate="txtPhone" ErrorMessage="Phone cannot left blank" 
                ForeColor="Red" ValidationGroup="RegisterAccount"></asp:RequiredFieldValidator>
            <br />
            </strong>
        </td>
    </tr>
    <tr>
        <td  style="height: 4px; text-align: center; width: 77px">
            <strong>Email</strong></td>
        <td  style="width: 173px; height: 4px">
            <asp:TextBox ID="txtEmail" runat="server" Width="170px"></asp:TextBox>
        </td>
        <td style="height: 4px">
            <strong>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" 
                ControlToValidate="txtEmail" ErrorMessage="Email cannot left blank" 
                ForeColor="Red" ValidationGroup="RegisterAccount"></asp:RequiredFieldValidator>
            <br />
            <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" 
                ControlToValidate="txtEmail" ErrorMessage="Email is not Correct" 
                ForeColor="Red" 
                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                ValidationGroup="RegisterAccount"></asp:RegularExpressionValidator>
            </strong>
        </td>
    </tr>
    <tr>
        <td  style="height: 25px; text-align: center; width: 77px">
            </td>
        <td  style="text-align: center; width: 173px; height: 25px;">
            &nbsp;</td>
        <td style="height: 25px">
            </td>
    </tr>
    <tr>
        <td  style="text-align: center; width: 77px; height: 24px;">
            </td>
        <td  style="width: 173px; height: 24px;">
            <strong>
            <asp:Button ID="btnRegister" runat="server" onclick="btnRegister_Click" 
                Text="Register" ValidationGroup="RegisterAccount" />
            </strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <asp:Button ID="btnReset" runat="server" onclick="btnReset_Click" Text="Reset" 
                ValidationGroup="Reset" />
        </td>
        <td style="height: 24px">
            </td>
    </tr>
</table>
</asp:Content>

